<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite">

    <h:head>
        <f:loadBundle basename="com.brain.core.i18n.ApplicationResources" var="message" />
        <title><h:outputText value="#{message['general.cabecera.titulo.aplicacion']}"/></title>            
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/default.css" />
        <link type="text/css" rel="stylesheet" href="#{request.contextPath}/recursos/css/theme.css" />
        <script type="text/javascript" src="#{request.contextPath}/recursos/js/script.js" /> 
    </h:head>

    <composite:interface>    

    </composite:interface>

    <composite:implementation>   
        <h:form onsubmit="return checkSubmit();"  id="form" prependId="false">
            <p:messages id="msgs" showDetail="false"/>
            <h:panelGrid columns="4" id="idPgrTarea">
                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.superior']}"/>
                <h:outputLabel styleClass="label" value="#{proyectoMBean.tareaDto.tareaDto.descripcion}" />                

                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.tipo']}"/>                         
                <p:selectOneMenu value="#{proyectoMBean.tareaDto.tipo}" required="true" 
                                 style="#{applicationMBean.estiloObligatorio}"
                                 >
                    <f:selectItems value="#{proyectoMBean.siTipoTareas}" />
                </p:selectOneMenu>

                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.predecesora']}"/>
                <h:panelGrid columns="2">
                    <p:inputText rendered="false" label="#{i18n['proyecto.tarea.predecesora']}" onkeypress="return fn_validaTecla('entero',this)"
                                 value="#{proyectoMBean.tareaDto.predecesora}"  readonly="#{sessionMBean.accion == 3}"
                                 size="10" style="#{applicationMBean.estiloObligatorio}">                    
                        <p:ajax listener="#{proyectoMBean.cambiarPredecesora}" update="idPgrTarea" />
                    </p:inputText>
                    <p:autoComplete id="acSimple" value="#{proyectoMBean.tareaDto.predecesora}"  onkeypress="return fn_validaTecla('entero',this)"
                                    completeMethod="#{proyectoMBean.autoCompletarPredecesoras}">
                        <p:ajax event="itemSelect" listener="#{proyectoMBean.cambiarPredecesora}" update="idPgrTarea" />  
                    </p:autoComplete>                      
                    <h:outputLabel value="#{proyectoMBean.tareaDto.predecesoraDto.descripcion}" style="color: #004276; font-size: 8px;font-weight: bold" />
                </h:panelGrid>
                
                


                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.descripcion']}"/>
                <p:inputText label="#{i18n['proyecto.tarea.descripcion']}" required="true"
                             value="#{proyectoMBean.tareaDto.descripcion}"  readonly="#{sessionMBean.accion == 3}"
                             size="80" style="#{applicationMBean.estiloObligatorio}">
                    <f:validateLength maximum="100" minimum="5" />
                </p:inputText>


                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.fecha.inicio']}"/>
                <p:calendar id="idCalFecIni" label="#{i18n['proyecto.tarea.fecha.inicio']}" required="true" value="#{proyectoMBean.tareaDto.fechaInicio}"  pattern="#{applicationMBean.formatoFecha}" style="#{applicationMBean.estiloObligatorio}" size="20" onkeypress="return fn_validaTecla('fecha',this)" 
                            disabled="#{proyectoMBean.tareaDto.predecesora!=null}">                    
                    <f:convertDateTime pattern="#{applicationMBean.formatoFecha}" timeZone="#{applicationMBean.timeZone}" />  
                    <p:ajax listener="#{proyectoMBean.calcularFechaFinalTarea}" update="idItSaldo idCalFecFin" event="dateSelect"  immediate="false" />
                </p:calendar>



                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.fecha.fin']}"/>
                <p:calendar id="idCalFecFin" label="#{i18n['proyecto.tarea.fecha.fin']}" required="true" value="#{proyectoMBean.tareaDto.fechaFin}"  pattern="#{applicationMBean.formatoFecha}" style="#{applicationMBean.estiloObligatorio}" size="20" onkeypress="return fn_validaTecla('fecha',this)" disabled="true"
                            />


                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.total.horas']}"/>
                <p:inputText label="#{i18n['proyecto.tarea.total.horas']}" required="true" onkeypress="return fn_validaTecla('entero',this)"
                             value="#{proyectoMBean.tareaDto.totalHoras}"  readonly="#{sessionMBean.accion == 3}"
                             size="20" style="#{applicationMBean.estiloObligatorio}">        
                    <f:convertNumber pattern="######"  />  
                    <p:ajax listener="#{proyectoMBean.calcularFechaFinalTarea}" update="idItSaldo idCalFecFin" />
                </p:inputText>

                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.saldo']}"/>
                <p:inputText id="idItSaldo" label="#{i18n['proyecto.tarea.saldo']}" required="true" disabled="true"
                             value="#{proyectoMBean.tareaDto.saldo}"  readonly="#{sessionMBean.accion == 3}"
                             size="20" style="#{applicationMBean.estiloObligatorio}">     
                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}"  />
                </p:inputText>





                <h:outputLabel styleClass="label" value="#{i18n['proyecto.tarea.descripcion.detallada']}"/>
                <p:inputText label="#{i18n['proyecto.tarea.descripcion.detallada']}" 
                             value="#{proyectoMBean.tareaDto.descripcionAdicional}"  readonly="#{sessionMBean.accion == 3}"
                             size="80" style="#{applicationMBean.estiloObligatorio}">                    
                </p:inputText>
            </h:panelGrid>
            <p:panel id="pnlAcciones">
                <h:panelGrid columns="10">
                    <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="true" onsuccess=":idDlgTarea.hide()"
                                     icon="ui-icon ui-icon-disk" update="msgs :frmPrincipal:tabView:idTabIncidencia"                         
                                     value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                     actionListener="#{proyectoMBean.guardarTarea}">                                    
                    </p:commandButton>                        
                </h:panelGrid>

            </p:panel>
        </h:form>
    </composite:implementation>

</html>